import Vue from 'vue'
// 1.下载vue-router包
// 2. 导入VueRouter函数
import VueRouter from 'vue-router'
// @指代的是src目录 
import Find from '@/views/find.vue'
import My from '@/views/my.vue'
import Part from '@/views/part.vue'

// 3. Vue.use() vue内置的插件使用语法
Vue.use(VueRouter)

// 4. 创建路由对象
const router = new VueRouter({
  // 核心 配置路由规则
  // 因为有多个页面 所以routes是个数组,数组里的每一项相当于一个页面映射规则
  routes: [
    // path 就是访问路径   component 组件 加上:后面是动态路由
    {path: '/find/:id', component: Find},
    {path: '/my', component: My},
    {path: '/part', component: Part},
  ]
})

export default router